<template>
  <div>
    <header>
      <div class="container">
        {{header}}
      </div>
    </header>
  </div>
</template>
<script>
export default {
  data () {
    return {
      header: '公共头部'
    }
  },
  mounted () {
    //mounted 是生命周期方法之一 在这发起后端请求，拿回数据，配合路由钩子做一些事情 
  },
  methods: {
    //Vue实例对象上绑定的方法，供当前Vue组件作用域内使用，未调用不会执行。
  }
}
</script>
<style lang="sass">
.container
  max-width: 1200px
  margin: 0 auto
  padding: 0 10px
  &.mt30
    margin-top: 20px
    @media (min-width: 760px)
      margin-top: 30px
header
  background-color: #FFF
  .container
    height: 74px
</style>
